/* Main Styles ------------------------------------------------------------------*/

    html {
        position: relative;
        min-height: 100%;
    }

    body {
        overflow-x: hidden;
        color: $font-color;
        font-weight: 400;
        background: $white;
        font-family: $font-family-base;
        margin-bottom: 100px; //tied to footer height

        @include media-breakpoint-up(md) {
        }
    }

    h1, h2, h3, h4, h5, h6 {
        font-weight: 700;
        color: $black;
        text-transform: none;
        font-family: $font-family-base;
    }

    @media(max-width:992px) {
        h1 {
            font-size: 28px;
        }

        h2 {
            font-size: 24px;
        }

        h3 {
            font-size: 20px;
        }
    }

    .label, label {
        font-weight: 400 !important;
    }














